/*
=============================RESET==============================================
*/

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; font-weight: inherit; font-style: inherit; font-family: inherit; vertical-align: baseline; }
body { background: #ececec;}
table { border-collapse: collapse; border-spacing: 0; }
caption, th, td { text-align: left; font-weight:400; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
a img { border: none; }
input,textarea { margin: 0; }
a { outline: none; }
/* ------------Clearing floats without extra markup---------------------------*/
.wrapper { display: inline-block; }
.wrapper:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
* html .wrapper { height: 1%; }
.wrapper { display: block; }
.clear{clear:both;display:block;content:' ';overflow:hidden;visibility:hidden;width:0;height:0}.clearfix:after{clear:both;content:' ';display:block;font-size:0;line-height:0;visibility:hidden;width:0;height:0}* html .clearfix,*:first-child+html .clearfix{zoom:1}
/*
=============================MAIN ELEMENTS======================================
*/
body {margin: 0;padding: 0;font-size: 12px;}
body,h1,h2,h3,p,ul,ol,dl,input,textarea { font-family: Helvetica,Arial, sans-serif; }

/* ------------Headings-------------------------------------------------------*/
h1,h2,h3 {font-weight: bold;color:#333;}
h1 { font-size: 2em; padding: 0 0 0 24px; margin-left:12px;}
h2 { font-size: 1.5em; line-height: 1; margin-bottom:1em; padding: 0px;}
h3 { font-size: 1.2em; line-height: 1.25; margin-bottom:1em; display:block; border-bottom: 1px #999 solid;}

/* ------------Text elements------------------------------------------------- */

p { margin: 0 0 12px; }
ul, ol { margin: 0 1.5em 1.5em 1.5em; }
ul { list-style-type: circle; }
ol { list-style-type: decimal; }
dl { margin: 0 0 1.5em 0; }
dl dt { font-weight: bold; }
dl dd { margin-left: 1.5em; }
abbr, acronym { border-bottom: 1px dotted #000; }
address { margin-top: 1.5em; font-style: italic; }
del { color: #000; }
a { color: #444;}
a:hover { color: #222; text-decoration: underline; }
a.bold {font-weight: bold;}

blockquote { margin: 1.5em; }
strong { font-weight: bold; }
em, dfn { font-style: italic; }
dfn { font-weight: bold; }
pre, code { margin: 1.5em 0; white-space: pre; }
pre, code, tt { font: 1em monospace; line-height: 1.5; }
tt { display: block; margin: 1.5em 0; line-height: 1.5; }
span.amp { font-family: Baskerville, Palatino, "Book Antiqua", serif;font-style: italic;}

/*===========================TABLES===========================================*/
table {margin-bottom: 18px;width:100%;}
table tr:hover {background: #e8e8e8;}
table thead tr:hover {background: none;}
table {width: 100%;text-align: left;}
table tbody td {color: #2d2d2d;padding: 4px;vertical-align: top;font-size: 11px;}
table tbody tr.odd td {background-color:#F0F0F6;}
table thead tr th{line-height: 24px;padding-right: 20px; border-bottom: 1px solid #a1a1a1;font-size: 11px;font-weight: bold;color:#4d4d4d}
table tfoot tr th{line-height: 24px;padding: 4px;border-top: 2px solid #a1a1a1;font-size: 11px;font-weight: bold;}

table a {text-decoration: none;display: block; border: none; font-size: 11px;cursor: pointer;}
table b {color:#d33d61;}

table tr.not_active td a,table tr.not_active td {font-weight: bold;}

table.sortable {margin: 10px 0; text-align: left;}
table.sortable thead tr th, table.sortable tfoot tr th {background-color: #ddd;padding: 4px;}
table.sortable thead tr .header {background-image: url('i/asc_desc.gif');background-repeat: no-repeat;background-position: center right;cursor: pointer;}
table.sortable tbody td {padding: 4px;background-color: #fff;vertical-align: top;border-bottom: 1px solid #ddd;}
table.sortable tbody tr.odd td {background-color:#eee;}
table.sortable thead tr .headerSortUp {background-image: url(i/asc.gif);}
table.sortable thead tr .headerSortDown {background-image: url(i/desc.gif);}
table.sortable thead tr .headerSortDown, table.sortable thead tr .headerSortUp {background-color: #bbb;}

#sortable-filter-box {border:1px solid #ccc;width:200px;}
#sortablepager {margin-bottom: 20px;}
#sortablepager a, #sortablepager span, #sortablepager select {float: left;margin-right: 10px;}
#sortablepager a {display: block; width: 16px; height: 16px;}

#sortablepager a span {display: none;}
#sortablepager a.next {background:url(icons/control_fastforward.png) no-repeat;}
#sortablepager a.prev {background:url(icons/control_rewind.png) no-repeat;}
#sortablepager a.first {background:url(icons/control_start.png) no-repeat;}
#sortablepager a.last {background:url(icons/control_end.png) no-repeat;}
/*
=============================MAIN BLOCK=========================================
*/
#wrap {width:980px;margin: 0 auto ;}
#footer {margin: 0px auto ;clear:both;height:43px;position:relative;width:980px;}
#flb {float:left;height:43px;width:40px;background-image:url('i/flb.png');}
#frb {float:left;height:43px;width:40px;background-image:url('i/frb.png');}
#fcb {float:left;height:43px;width:900px;background-image:url('i/fbg.png');}
#copyline {padding-top: 14px;font-size: 12px;color:#aeaeae;}
#header {position:relative;width:980px;height:70px;top:40px;clear:both;}
#hlb {float:left;height:60px;width:40px;background-image:url('i/hlb.png');}
#hrb {float:left;height:60px;width:40px;background-image:url('i/hrb.png');}
#hcb {float:left;height:60px;width:900px;background-image:url('i/hbg.png');}
#content {position:relative;background-image:url('i/cbg.png');top:30px;width:980px;padding:0px;}

#page {width: 960px;margin-left: 10px;margin-right: 10px;}
#page_header{width: 960px;}
#newversion {background: #ff003d; padding: 5px 20px; text-align: center;}
#newversion a {color: #fff; text-decoration: none; font-size:14px;}
#newversion a:hover {color: #ddd; text-decoration: underline;}

#page_title{width:900px;float:left;line-height:20px;padding: 15px 30px; background:#737373 url('img/bg_title.png');}

#page_title a {color:white;text-decoration: none;}
#page_title a:hover {border-bottom: 1px dotted #fff;}
#page_title a.nav_line_last {font-size: 12px; color: #a7cff9;}
#page_title a.nav_line:after{content:" \\ "}

#page_content{width:650px; padding: 30px;float:left;}
#sidebar{width:220px; padding: 30px 30px 30px 0px;float:left;}
#full_page_content{width:900px; padding: 30px;}

#logo {position: absolute;left: 50%;top:62px;margin-left: -450px;width: 138px;}
a#logotype span{background-image: url(i/logo.png);display: block;height: 27px;width: 138px;}

#nav {position: absolute; top:10px; left: 50%; text-align: right; line-height: 20px; width: 460px; padding-right: 20px;}
#nav a {font-size:12px;color:#222;text-decoration: none; border-bottom: 1px dotted #222;}
#nav a.exit_link {color:#ff003d; border: none;}
#nav a:hover {border: none; }

.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}


/*====================NAVIGATION==============================================*/
#navigation {position: absolute;left: 50%;top:62px;margin-left: -290px;}
ul.dropdown {position: relative;z-index: 597;float: left;padding-left: 40px; border-left: 1px solid #aaa;}
ul.dropdown li {height: 24px; list-style: none;padding: 2px 0 0 0; float: left; width:50px; vertical-align: middle;zoom: 1; text-align: center;}
ul.dropdown li.hover, ul.dropdown li:hover {position: relative;z-index: 599;cursor: default;}
ul.dropdown li a {display: block;padding-top: 24px;opacity: 0.5;}
ul.dropdown li.hover a, ul.dropdown li:hover a {opacity: 0.8;}
ul.dropdown > li > a > span {display: none;}



/* -- level 2 mark -- */
ul.dropdown ul {margin: 0;padding: 0;position: absolute;top: 100%;left: 0;z-index: 598;width: 150px;}
ul.dropdown ul ul {top: 1px;left: 99%;}
ul.dropdown ul li {height: 33px;float: none;width: 150px;text-align: left;text-transform: none;}
ul.dropdown ul li a {color:#eee;width: 116px; padding: 10px 10px 10px 34px; background-position: 10px 8px;background-repeat:no-repeat; background-color: #4d4d4d;line-height: 12px;border-bottom:1px solid #aaa;text-decoration: none;}
ul.dropdown ul li a:hover {color:#222;background-color: #acacac;}
ul.dropdown ul li ul li a {background-color: #3d3d3d;}

.i_event {background:url(icons/nav/mail.png) no-repeat;}
.i_snippet {background:url(icons/nav/snippets.png) no-repeat;}
.i_forms {background:url(icons/nav/forms.png) no-repeat;}
.i_references {background:url(icons/nav/references.png) no-repeat;}
.i_filemanager {background:url(icons/nav/files.png) no-repeat;}
.i_acl {background:url(icons/nav/acl.png) no-repeat;}
.i_settings {background:url(icons/nav/settings.png) no-repeat;}
.i_view {background:url(icons/nav/view.png) no-repeat;}
.i_addons {background:url(icons/nav/modules.png) no-repeat;}
.i_database {background:url(icons/nav/backup.png) no-repeat;}
/*
======================MENU===================================================
*/
#page_menu{width:480px;height:50px;float:left;}
#page_menu ul{display:inline;list-style:none;}
#page_menu ul li{float:right;text-align:center;height:50px;margin-left:10px;width:120px;}
#page_menu ul li a{color:#222; display: block;line-height:50px; font-size:12px; text-transform:uppercase; text-decoration:none;padding: 0px 5px;background:url('i/sub_menu.png');}

/*
================================================================================
*/
.block{margin-left: 48px;padding: 10px 0; }
#buttons{float:left;margin-left:10px;}

/*
=======================Кнопки ==================================================
*/
a.nav_button {width: 16px; margin-right:10px; float:left;height: 20px;background-position: 0px 2px;}
a.sidebar_button {padding-left: 24px;line-height: 16px;background-position: 0px 0px;display: block;}
/*a.help_link {float: left; display: block; width: 20px; height: 20px; background: blue;}*/

.add_button {background: url(icons/add.png) no-repeat;}
.add_link_button {background: url(icons/link_add.png) no-repeat;}
.add_user_button {background: url(icons/user_add.png) no-repeat;}
.add_group_button {background: url(icons/group_add.png) no-repeat;}
.delete_group_button {background: url(icons/group_delete.png) no-repeat;}
.delete_user_button {background: url(icons/user_delete.png) no-repeat;}

.up_button {background: url(icons/arrow_up.png) no-repeat;}
.down_button {background: url(icons/arrow_down.png) no-repeat;}
.view_button {background: url(icons/monitor.png) no-repeat;}
.section_button {background: url(icons/application_view_tile.png) no-repeat;}
.edit_button {background: url(icons/page_white_edit.png) no-repeat;}
.setting_button {background: url(icons/cog.png) no-repeat;}
.delete_button {background: url(icons/bin.png) no-repeat;}
.acl_button {background: url(icons/key.png) no-repeat;}
.news_button {background: url(icons/newspaper.png) no-repeat;}
.reference_button {background: url(icons/newspaper.png) no-repeat;}
.restore_button {background: url(icons/database_go.png) no-repeat;}

/* ======================= Списки на странице ========================== */
#pages_list {margin-bottom: 1.5em;}
#pages_list ul{margin:0;list-style:none;clear:both;padding-bottom: 1em;}
#pages_list ul ul {padding-bottom: 0;}

#pages_list li {padding-left:20px;clear:both;line-height:20px;}
#pages_list a {float:left;margin-right:10px;text-decoration:none;}
#pages_list a:hover {color:red;}

#pages_list li div {padding-left:20px;}

#pages_list li div.visible_-1 {background-image:url(icons/link.png);background-color: #fff;background-repeat:no-repeat;}
#pages_list li div.visible_0 {background-image:url(icons/image.png);background-color: #fff;background-repeat:no-repeat;}
#pages_list li div.visible_1 {background-image:url(icons/group.png);background-repeat:no-repeat;}
#pages_list li div.visible_2 {background-image:url(icons/image_link.png);background-repeat:no-repeat;}
#pages_list li div.visible_4 {background-image:url(icons/image_delete.png);background-repeat:no-repeat;}

#pages_list li a.only_read {color:#999;}

#pages_list li div.i_undefined {background: url(icons/newspaper.png) no-repeat;}
#pages_list li div.i_mod {background-image:url(icons/page_white.png);background-repeat:no-repeat;}

#pages_list li div.i_jscode {background-image:url(icons/page_white_code.png);background-repeat:no-repeat;}
#pages_list li div.i_code {background: url(icons/page_white_php.png) no-repeat;}
#pages_list li div.i_news {background-image:url(icons/newspaper.png);background-repeat:no-repeat;}
#pages_list li div.i_picker {background-image:url(icons/page_copy.png);background-repeat:no-repeat;}
#pages_list li div.i_search {background-image:url(icons/find.png);background-repeat:no-repeat;}
#pages_list li div.i_editor {background-image:url(icons/vcard.png);background-repeat:no-repeat;}
#pages_list li div.i_reference {background-image:url(icons/table.png);background-repeat:no-repeat;}
#pages_list li div.i_forms {background-image:url(icons/application_form.png);background-repeat:no-repeat;}
#pages_list li div.i_references {background-image:url(icons/table.png);background-repeat:no-repeat;}
#pages_list li div.i_feedback {background-image:url(icons/note_go.png);background-repeat:no-repeat;}
#pages_list li div.i_userarea {background-image:url(icons/user_suit.png);background-repeat:no-repeat;}
#pages_list li div.i_polls {background-image:url(icons/chart_bar.png);background-repeat:no-repeat;}
#pages_list li div.i_field {background-image:url(icons/textfield.png);background-repeat:no-repeat;}
#pages_list li div.i_guestbook {background-image:url(icons/book_open.png);background-repeat:no-repeat;}
#pages_list li div.i_comments {background-image:url(icons/comments.png);background-repeat:no-repeat;}
#pages_list li div.i_module {background-image:url(icons/package_green.png);background-repeat:no-repeat;}
#pages_list li div.i_language {background-image:url(icons/world.png);background-repeat:no-repeat;}
#pages_list li div.i_template {background-image:url(icons/application_view_gallery.png);background-repeat:no-repeat;}
#pages_list li div.i_database {background-image:url(icons/database.png);}

ul#sortable {margin: 0; padding: 0;}
ul#sortable li {margin: 0; padding: 0; list-style: none;}

.active {font-weight: bold;}

#pages_list a.section_hidden {color: #aaa;}
#pages_list a.section_closed {color: #aaa; text-decoration: line-through;}

/*========================= TreeView ==================================== */
.treeview .hitarea {height: 16px;width: 16px;	margin-left: -16px;float: left;cursor: pointer;}
* html .hitarea {display: inline;float:none;}
#treecontrol { margin: 1em 0; display: none; }
.treeview .hover { color: red;}
.treeview li.collapsable {background: url(icons/control_play.png) no-repeat;}
.treeview li.expandable {background: url(icons/control_eject.png) no-repeat;}
.treeview li.lastCollapsable { background: url(icons/control_play.png) no-repeat;}
.treeview li.lastExpandable { background: url(icons/control_eject.png) no-repeat; }
.filetree li { padding: 3px 0 2px 16px; }

/*========================= Preview ==================================== */
#imgpreview{position:absolute;background:#333;padding:5px;}

/*========================= Tooltips =================================== */
.tooltips {display: none;}
#easyTooltip{z-index: 9999; padding:5px;border:1px solid #ccc;background:#f1f1f1;}

/* ======================== Forms ======================================= */

#formlogin {height: 150px;width:480px;position: absolute;top: 50%;left: 50%;margin-top: -125px;margin-left: -200px;padding: 80px 20px 20px 20px;background: url(i/login_bg.png) no-repeat;}

#formlogin dl dt {float:left;padding:5px;width:80px;text-align:right;clear: both;}
#formlogin dl dd {margin:0px 0;padding:5px 0;width:255px;}
#formlogin .zend_form input[type="text"],#formlogin .zend_form input[type="password"]{border:1px solid #ccc;width:240px;}

dl {margin:0px;color:#333;}
dl dt {float:left;padding:5px;width:182px;text-align:right;line-height: 24px;clear: both;}
dl dd {margin:2px 0;padding:5px 0;float: left;width:380px;}

.zend_form label.required {font-weight:normal;color:#444;padding-right: 10px;background: url(icons/require.png) no-repeat top right;}
.zend_form label.optional {font-weight:normal;}

.zend_form input[type="text"],.zend_form input[type="password"]{border:1px solid #ccc;width:300px;}

.zend_form input.width_2_3 {width:250px;margin-right: 8px;float: left;}
.zend_form input.width_1_3 {width:40px;float: left;}

.zend_form select {width:300px;font-size: 13px;}
.zend_form textarea{width:300px;height:100px;font-size: 13px;border:1px solid #ccc;}
input[type="submit"] {cursor: pointer;}

.zend_form input[type=checkbox],
.zend_form input[type=radio] { margin: 5px 5px 2px 0px; border: 0px;}

.zend_form .errors li {color:#ff003d;list-style:none;}
.zend_form ul.errors {padding:0;margin:0;}

.zend_form fieldset { border: none; width: 580px;}
.zend_form legend {font-weight: bold; width:570px; background-color: #ddd; padding-left: 10px;line-height: 20px;}

.zend_form input.file_fm[type="text"]{width: 280px;background: url(icons/link.png) no-repeat 0 1px;padding-left: 20px;}

.add_field, .remove_field, .draggable_field {display: block; float: right;width: 16px; height: 20px;background: url(icons/add.png) no-repeat 0 4px; cursor: pointer;}
.remove_field {background-image: url(icons/delete.png);}
.add_field span, .remove_field span, .draggable_field span {display: none;}
.draggable_field {display: block; float: left;width: 24px; height: 20px;background: url(icons/move.png) no-repeat 8px 2px; cursor: pointer;}

/*==============================EDITORS=======================================*/
#editarea,#editarea_js {width: 100%;height: 400px;}

/*==============================POLLS=========================================*/
.poll .answer {float: left;}
.poll .result {float: right;}
.poll .bar {width: 100%;clear: both; height: 6px; line-height: 6px; background: #ddd;}
.poll .total {width: 100%; text-align: right;}
.foreground {background: #777; height: 6px; line-height: 6px;}

/*==============================INSTALL SLIDER================================*/
#slider ul, #slider li,	#slider2 ul, #slider2 li{margin:0;padding:0;list-style:none;}
#slider2{margin-top:1em;}
#slider li, #slider2 li{width:696px;height:241px;overflow:hidden;}	
#prevBtn, #nextBtn, #slider1next, #slider1prev{display:block;width:30px;height:77px;position:absolute;left:-30px;top:71px;z-index:1000;}	
#nextBtn, #slider1next{left:696px;}														
#prevBtn a, #nextBtn a,#slider1next a, #slider1prev a{display:block;position:relative;width:30px;height:77px;background:url(../images/btn_prev.gif) no-repeat 0 0;}	
#nextBtn a, #slider1next a{background:url(../images/btn_next.gif) no-repeat 0 0;}	

/*=============PAGINATOR======================================================*/
.paginationControl {margin-bottom: 20px;}
.paginationControl ul {margin: 0; padding: 0;}
.paginationControl ul li {float: left;list-style: none; margin: 0 2px; padding:0; display: block; height: 24px;background: none;}
.paginationControl ul li a,.paginationControl ul li span {display: block; padding: 4px 2px; margin: 0; text-align: center;}
.paginationControl ul li.paginationPage a, .paginationControl ul li.paginationPage span {width: 20px;}
.paginationControl ul li span.disabled {color: #777;}
.paginationControl ul li span.current {color: #fff; background: #555;}


/*=============EVENTS=========================================================*/
.event {border-bottom: 1px dotted #999; line-height: 20px;}
.event div {float: left; padding: 10px;}
.no_read {font-weight: bold;}




